---
title: "custom modal · RUAL Documentation"
description: "Opens a modal based on the connected UI component"
canonical: https://docs.rual.nl/block-types/User Interface/uicomponent_modal
language: en
---

# custom modal

This block is part of the [`User Interface`](https://docs.rual.nl/block-types/User%20Interface) group and was last modified in core [`v13.0.2`](https://docs.rual.nl/core-versions/130002).

Opens a modal based on the connected UI component

- flow `flow`

- Unique id `uniqueid` `value`

- UI Component `uicomponent` required `uicomponent`

- class: backdrop `uiclassbackdrop` `uiclass`

- style: backdrop `uistylebackdrop` `uistyle`

- class: wrapper `uiclasswrapper` `uiclass`

- style: wrapper `uistylewrapper` `uistyle`

- class: modal `uiclassmodal` `uiclass`

- style: modal `uistylemodal` `uistyle`

- class: content `uiclasscontent` `uiclass`

- style: content `uistylecontent` `uistyle`

- On Close `inpinfunction` `inpinfunction`

- flow `flow`

| `open` |
| --- |

### Core Releases